<template>
  <div class="login">
    <img src="@/assets/images/timg.jpg" alt class="background-img" />
    <router-link to="/user/login">
      <div class="login-article">
        <img class="head-portrait" src="@/assets/images/avatar.png" alt />
        <p class="describe">登录/注册</p>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "UserLogin"
    };
  }
};
</script>

<style lang="stylus" scoped>
.login {
  .background-img {
    width: 100%;
    height: 4.26rem;
    position: relative;
  }

  margin-top: 1.17rem;
  width: 100%;
  height: 4.26rem;
  position: relative;

  .login-article {
    width: 1.73rem;
    position: absolute;
    left: 55%;
    top: 55%;
    margin-left: -50px;
    margin-top: -50px;

    .head-portrait {
      // background-color: #fff;
      height: 1.73rem;
    }

    .describe {
      color: #fff;
      text-align: center;
      line-height: 0.75rem;
    }
  }
}
</style>
